<h2 style="text-align: center">{{course1.coursename}}课程成绩名单</h2>
<div>
  <div class="search-box">
    <input type="text" nz-input placeholder="专业" [(ngModel)]="searchValue" />
    <button nz-button nzSize="small" nzType="primary" (click)="search()" class="search-button">
      搜索
    </button>
    <input type="text" nz-input placeholder="班级" [(ngModel)]="searchValue2" />
    <button nz-button nzSize="small" nzType="primary" (click)="search2()" class="search-button">
      搜索
    </button>
    <button  style="float: right" nz-button nzSize="small" (click)="reset()">重置</button>
  </div>
</div>
<div>
  <nz-table #filterTable [nzData]="display" [nzLoading]="loading" nzTableLayout="fixed">
    <thead>
    <tr>
      <th
        *ngFor="let column of listOfColumns"
        [nzSortOrder]="column.sortOrder"
        [nzSortFn]="column.sortFn"
        [nzSortDirections]="column.sortDirections"
        [nzFilterMultiple]="column.filterMultiple"
        [nzFilters]="column.listOfFilter"
        [nzFilterFn]="column.filterFn"
      >
        {{ column.name }}
      </th>
    </tr>
    </thead>
    <tbody>
    <tr *ngFor="let data of filterTable.data">
      <td>{{ data.stuid }}</td>
      <td>{{ data.name }}</td>
      <td>{{ data.major }}</td>
      <td>{{ data.class }}</td>
      <td>{{ data.score }}</td>
    </tr>
    </tbody>
  </nz-table>
</div>
